<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css 导入方式</title>
    <link href="./css/one.css" type="text/css" rel="stylesheet" />
    <style>
        /* 内嵌式 */
        p{
                color: blue;
                font-size: 38px;
        }
    </style>
</head>
<body>
    <!-- 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} -->
    <!-- div{ border: 1px solid red; width: 600px;  height: 400px;} -->

    <p> 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p>

    <!-- 行内样式 -->
    <h1 style="color:red;">style属性的应用</h1>
    <p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>
    <!-- 外链样式 -->
    <h2 >外链样式的应用</h2>

     <!--  行内样式 》内嵌式 》 外链样式-->
</body>
</html>